<template>
  <div>
    <button @click="handler">原生DOM事件</button>
    <Event1 @click.native="handler1"></Event1>
    <Event2 @click="handler2" @xxx="handler2"></Event2>
  </div>
</template>

<script>
import Event1 from "./Event1/Event1.vue";
import Event2 from "./Event2/Event2.vue";
export default {
  name: "EventTest",
  components: {
    Event1,
    Event2,
  },
  methods: {
    handler(event) {
      console.log(event);
    },
    handler1() {
      console.log(666);
    },
    handler2(msg) {
      console.log(msg);
    },
  },
};
</script>

<style></style>
